﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title></title>
</head>
<body>
    <div style="width: 100%; position: relative; margin: 20px; height: 60px">
        <div style="width: 100%; position: absolute; height: 100%;">
            <div style="margin-left: 200px; background: red; height: 100%">
                <input type="text" />
            </div>
        </div>
        <div style="background: gray; float: left; width: 200px; height: 100%; position: absolute">
            <input type="text" />
        </div>
    </div>
    <div style="width: 100%; position: relative; margin: 20px; height: 60px">
        
        <div style="width: 100%; position: absolute; height: 100%;">
            <div style="margin-right: 200px; background: red; height: 100%; z-index:0">
                <input type="text" />                
            </div>
        </div>
        <div style="background: gray; float: right; width: 200px; height: 100%; z-index:1">
            <input type="text" />
            <button>HERO</button>
        </div>
    </div>
</body>
</html>
